
@charset "utf-8";
$fontsize:40;
@function r($px){
@return $px/$fontsize*1rem;
}
html{font-size: $fontsize;}
header{
  width: 100%;
  height: r(150);
  position: absolute;
  top: 0; 
  .back{
      border:1px solid #FF9344;
      border-radius: 25px;
      width: r(123);
      height: r(57);
      text-align: center;
      font-size: r(26);
      margin-top: r(48);
      margin-left: r(20);
      line-height: r(57);
  }
  div.star{ margin-right: r(22);
          margin-top: r(54);
        i{color:transparent;
        -webkit-text-stroke: 1px #ff9344;
        font-size: r(50);
         }
         i:hover{color: #FF9344;}
         i:visited{color: #FF9344;}
        }
   .tittle{ font-size: r(26);
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
        margin-top: r(65);}
  }
  
section{width: 100%;position: absolute;
        top:r(150);bottom: r(136);overflow-y: scroll;
    .datails-caous{width: 95%;margin: 0 auto;height: r(259);
     ul li{width:r(750);
        img{width: 100%;height: 100%;}}}
    .datails-buy{width: 98%;
                  margin: 0 auto;
                  height: r(120);
                  margin-top: r(37);
             .datails-buy-num{
                 color: #FF9344;
                 font-size: r(54);
                 margin-left: r(21);}
             .datails-buy-text{
                 width: r(112);
                 height: r(59);
                 background: #FF9344;
                 border-radius: 25px;
                 text-align: center;
                 line-height: r(59);
                 margin-right: r(20);
                 color: #ffffff;
                 font-size: r(30);
                    a{display: block;width: 100%;height: 100%; color: #FFFFFF;}
             }} 
    .hotDeg{width: 98%;
             height: r(62);
             margin: 0 auto;
        .hotDeg-text1{width: 40%;
                       height: 100%;
        i{display: inline-block;
            color: #FF9344;
            font-size: r(36);
            margin-left: r(20);
            }
        p{display: inline-block;
            font-size: r(30);
            color: #000000;
            text-indent: r(10);
            span{
                  color: #FF9344;
                }}
        }
        .hotDeg-text2{width: 40%;height: 100%;text-align: right;
            a{color: #8e8e8e;font-size: r(25);margin-right: r(20);}
        }
    }
    
        .fit{width: 93%; 
             height: r(67);
             background: #FF9344;
             margin: 0 auto;
             .fit-tittle{
                 width: 40%;
                 height: 100%;
                 line-height:r(67);
                 margin-left: r(10);
                 color: #FFFFFF;
             }
             .fit-icon{color: #FF9344;
                       width: 40%;
                       height: 100%;
                       text-align: right;
                       line-height: r(67);
                       margin-right: r(10);
                       color: #FFFFFF;}
             } 
             
             .datails-shop{
                 width: 93%;
                 height: r(176);
                 margin: 0 auto;
                 margin-top: r(10);
                 .datails-shop-pic{
                     width: r(176);
                     height: r(176);
                     img{width: 100%;height: 100%;}
                 }
                 .datails-shop-text{
                     width: r(323);
                     height: 100%;
                     margin-left: r(22);
                     ul {height: 90%;margin-top: r(10);
                         li{line-height: r(35);
                         h5{font-size: r(30);}
                         i{font-size: r(32);
                            color: #FF9344;
                          
                            }
                            
                        
                         span{color: #8E8E8E;font-size: r(24);}
                         a{color: #FF9344;font-size: r(20);padding-top: r(10);}}}
                 }
                 .datails-shop-end{width: r(110);height: r(59);
                                    border-radius: 25px;background: #FF9344;
                                    color: #FFFFFF;text-align: center;line-height: r(59);
                                    font-size: r(28);margin-top: r(70);}
             }  
    }
    
    footer {
  width: 100%;
  height: r(134);
  position: absolute;
  bottom: 0; }
  footer ul li {
    width: 25%;
    height: 100%;
    float: left;
    margin-top: r(14);
    text-align: center; }
    footer ul li i.iconfont {
      color: #ff9344;
      font-size: r(60);
      -webkit-text-stroke: 1px #ff9344;
      color: transparent; }
    footer ul li.active .iconfont {
      color: #ff9344; }
    footer ul li:hover .iconfont {
      color: #eb883f; }
    footer ul li p {
      font-size: r(26); }
    footer ul li a {
      color: #000000; }
